<!--
 * @Author: wuyuxin
 * @Date: 2023-10-13 14:21:15
 * @LastEditors: wuyuxin
 * @LastEditTime: 2023-10-16 16:13:53
 * @Description: 
-->
<!--
 * @Author: wuyuxin
 * @Date: 2023-10-13 14:21:15
 * @LastEditors: wuyuxin
 * @LastEditTime: 2023-10-16 15:44:50
 * @Description: 
-->
<template>
  <div class="home">
    <HomeNavBar/>
    <div class="banner">
      <img src="@/assets/img/home/banner.webp" alt="">
    </div>
    <HomeSearchBox/>
    <HomeCategories/>
  </div>
</template>

<script setup>
import useHomeStore from '@/stores/modules/home';
import HomeNavBar from './components/HomeNavBar.vue'
import HomeSearchBox from './components/HomeSearchBox.vue'
import HomeCategories from './components/HomeCategories.vue'

// 发送网络请求
const homeStore = useHomeStore()
homeStore.fetchHotSuggestData()
homeStore.fetchCategoriesData()
homeStore.fetchHouselistData()

</script>

<style lang="less" scoped>
.home {
  .banner {
    width: 100%;

    img {
      width: 100%;
    }
  }
}
</style>